<template>
    <div>
        {{$route.params.name}}
        {{name}}
    </div>
</template>



<script>
	export default {
		name: "Home",
		props:{
			name:{
				type:String,
                default:'1111'
            }
        },
		components:{

		},
		data (){
			return {

			}
		},
		//方法
		methods:{

		},
		//计算方法
		computed:{

		},
		//watch数据监听
		watch: {

		},
		//数据过滤
		filters:{

		},
		//生命周期系列
		beforeCreate:function(){

		},
		created:function(){

		},
		beforeMount:function(){

		},
		mounted:function(){

		},
		beforeDestroy:function(){

		},
		destroyed:function(){

		},
		beforeUpdate:function(){

		},
		updated:function(){

		},
		beforeRouteEnter (to, from, next) {
			next(vm => {})
			// 注意，在路由进入之前，组件实例还未渲染，所以无法获取this实例，只能通过vm来访问组件实例
		},
		beforeRouteUpdate (to, from, next) {
			// 同一页面，刷新不同数据时调用，
			next()
		},

		beforeRouteLeave (to, from, next) {
			// 离开当前路由页面时调用
			next()
		}

	}
</script>





<style scoped>

</style>
